.containerLogin{
  width: 100%;  
  min-height: 100vh;
  background: #9053c7;
  background: -webkit-linear-gradient(-135deg, #c850c0, #4158d0);
  background: -o-linear-gradient(-135deg, #c850c0, #4158d0);
  background: -moz-linear-gradient(-135deg, #c850c0, #4158d0);
  background: linear-gradient(-135deg, #c850c0, #4158d0);
}


.lContainer {
  display:grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 50px;
  justify-items: center;
  align-items: center;
  grid-template-rows: 100vh;
}

.lItem {
  width:300px;
}

.loginForm {
  background-color: white;
  padding-left: 30px;
  padding-top: 20px;
  margin-top: -60px;
  margin-left:-30px;
  margin-right:-30px;
  border-radius: 8px;
  border: 1px solid #d8d8da;
  :global{
    .login-form {
      width: 300px;
    }
    .login-form-forgot {
      float: right;
    }
    .login-form-button {
      width: 100%;
    }
    .login-form-title {
      width: 300px;
      font-family: Poppins-Bold;
      font-size: 24px;
      color: #333333;
      text-align: center;
      width: 100%;
      display: block;
      padding-bottom: 30px;
    }
  }
}

